<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8"/>
    <style>

        body {
            /* 整体字体 与加载的字体名称一致 可涵盖大部分汉字，包括生僻字*/
            font-family: Kaiti,HanaMinB;
            font-size: 9pt;
            /*设置背景色*/
            /*background: #00FF00 ;*/
            /*设置背景图片 base64*/
            /*background-image:url() no-repeat fixed top;*/
        }
        /* 表格样式 */
        table{
            border-collapse:collapse;
            /*width:100%;*/
            /* 分页设置 */
            -fs-table-paginate:paginate;
            /* 表格内容换页设置 */
            page-break-inside:auto;
        }
        tr {
            /* 表格行避免分页被切断 */
            page-break-inside:avoid;
            page-break-after:auto;
        }
        td{
            border: 0.5px solid #7D0000;
            /*padding:2px;*/
        }
        th{
            border: 0.5px solid #7D0000;
            /*padding:2px;*/
            /*text-align: center;*/
        }

        .title_font{
            color: #9C5000;
            font-family: Kaiti,HanaMinB;
        }
        .content_font{
            font-family: SimSun;
        }

        /*强制分页样式，可在块中追加分页样式，
        例如<div class="page_break"></div>
        或 <img src="" class="mce-pagebreak" data-mce-resize="false" data-mce-placeholder />
        */
        .page_break { page-break-after:always;}

        /** 指定pdf纸张大小 **/
        @page {
            /* A4 大小 */
            /*size: A4 ;*/

            /* A4 大小 横向 */
            size: 21.6cm 14cm;

            /* 四边留白 1cm */
            margin: 0.5cm;
            margin-top: 0cm;
            margin-bottom: 0cm;

            /* 底部留白 1cm */
            /*margin-bottom: 1cm;*/

            /* page四周黑框 */
            /*border: thin solid black;*/
        }
        .no_border th td{
            border: 0px;
        }
    </style>
</head>
<body>
<div style="position: absolute;left:450pt;top:296pt"><img style="width:100pt" src=""/></div>

<div style="text-align: center; width: 570pt;">
    <table style="width: 100%; height: 78px;" class="no_border content_font">
        <tbody>
        <tr>
            <td rowspan="3" style="width: 25%; border: 0px;">
                <div style="margin-left:15pt"><object  type="image/barcode" value="二维码编码值" style="width:55pt;height:55pt"></object></div>
            </td>
            <td rowspan="4" style="border: 0px; text-align: center;padding-bottom:20pt">
                <span class="title_font" style="font-size: 20pt; border-width:2pt;border-top: 0px; border-left: 0px; border-right: 0px; border-style: double; padding: 8pt;">xx增值税电子普通发票 </span>
            </td>
            <td style="width: 30%; text-align: left; border: 0px; height: 18pt;"><span class="title_font">发票代码：</span><span data-th-text="${machineNum}">011002200111</span></td>
        </tr>
        <tr style="height: 18px;">
            <td style="text-align: left; border: 0px; height: 18pt;"><span class="title_font">发票号码：</span> <span data-th-text="${fapiaoNum}">02038914</span></td>
        </tr>
        <tr style="height: 18px;">
            <td style="text-align: left; border: 0px; height: 18pt;">
                <span class="title_font">开票日期：</span>
                <span data-th-text="${openDateYear}">2022</span>
                <span class="title_font" >年</span><span data-th-text="${openDateMonth}">03</span>
                <span class="title_font">月</span> <span data-th-text="${openDataDay}">13</span>
                <span class="title_font">日</span></td>
        </tr>
        <tr style="height: 24px;">
            <td style="text-align: left; border: 0px; height: 18pt;">
                <span class="title_font">机器编号：</span>
                <span data-th-text="${machineNum}">123344333222</span>
            </td>
            <td style="text-align: left; border: 0px; height: 18pt;">
                <span class="title_font">校&nbsp;验&nbsp;码：</span>
                <span data-th-text="${checkCode}">86427 33777 22332 22223</span></td>
        </tr>
        </tbody>
    </table>
    <table style="width: 100%;">
        <tbody>
        <tr>
            <td style="width: 3%;"><span class="title_font">购<br /><br />买<br /><br />方</span></td>
            <td style="width: 54%;">
                <table style="width: 100%; text-align: left; margin-left: 10pt;">
                    <tbody>
                    <tr>
                        <td style="border: 0px; height: 16pt;">
                            <span class="title_font">名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称：</span>
                            <span class="content_font" data-th-text="${buyerName}">北京北鑫辰科技发展有限公司</span></td>
                    </tr>
                    <tr>
                        <td style="border: 0px; height: 16pt;">
                            <span class="title_font">纳税人识别号：</span>
                            <span class="content_font" data-th-text="${buyerTaxpayerIdentificationNumber}">33882819283829183N</span></td>
                    </tr>
                    <tr>
                        <td style="border: 0px; height: 16pt;">
                            <span class="title_font">地&nbsp;址、电&nbsp;话：</span>
                            <span class="content_font" data-th-text="${buyerAddressTel}">北京市平谷区马坊镇石佛寺前街南巷20号</span></td>
                    </tr>
                    <tr>
                        <td style="border: 0px; height: 16pt;">
                            <span class="title_font">开户行及账号：</span>
                            <span class="content_font" data-th-text="${buyerBankNameAndAccount}"></span></td>
                    </tr>
                    </tbody>
                </table>
            </td>
            <td style="width: 3%;"><span class="title_font">密<br /><br />码<br /><br />区</span></td>
            <td style="width: 40%; font-size: 12pt;">
                <div style="width: 170pt; margin: auto;" class="content_font" data-th-text="${password}">28979&lt;&lt;&lt;0567+3163/&lt;8*9-0-79 376+&lt;45-2&lt;/3530&lt;-79&lt;4+*1-+2 /4-53*398&lt;02&lt;36++31&lt;2/&lt;*8-8 1-716548&lt;4/+2&lt;/&lt;010&lt;3789/49</div>
            </td>
        </tr>
        </tbody>
    </table>
    <table style="width: 100%;">
        <tbody>
        <tr style="border-top: 0;">
            <td style="width: 28%; border-top: 0; border-bottom: 0;"><span class="title_font">货物或应税劳务、服务名称</span></td>
            <td style="width: 8%; border-top: 0; border-bottom: 0;"><span class="title_font">规格型号</span></td>
            <td style="width: 6%; border-top: 0; border-bottom: 0;"><span class="title_font">单&nbsp;&nbsp;位</span></td>
            <td style="width: 10%; border-top: 0; border-bottom: 0;"><span class="title_font">数&nbsp;&nbsp;量</span></td>
            <td style="width: 10%; border-top: 0; border-bottom: 0;"><span class="title_font">单&nbsp;&nbsp;价</span></td>
            <td style="width: 12%; border-top: 0; border-bottom: 0;"><span class="title_font">金&nbsp;&nbsp;额</span></td>
            <td style="width: 6%; border-top: 0; border-bottom: 0;"><span class="title_font">税&nbsp;&nbsp;率</span></td>
            <td style="border-top: 0; border-bottom: 0;"><span class="title_font">税&nbsp;&nbsp;额</span></td>
        </tr>
        <tr class="content_font">
            <td style="text-align: left; border-top: 0; border-bottom: 0; height: 10pt;"
                data-th-text="${goodsOrLaborerOrServiceName}">
                预付卡销售*加油IC卡充值款
            </td>
            <td style="border-top: 0; border-bottom: 0;" data-th-text="${specifications}"></td>
            <td style="border-top: 0; border-bottom: 0;" data-th-text="${Measuring}">笔</td>
            <td style="text-align: right; border-top: 0; border-bottom: 0;" data-th-text="${count}">1</td>
            <td style="text-align: right; border-top: 0; border-bottom: 0;" data-th-text="${price}">2000.00</td>
            <td style="text-align: right; border-top: 0; border-bottom: 0;" data-th-text="${amount}">2000.00</td>
            <td style="font-size: 7pt; border-top: 0; border-bottom: 0;" data-th-text="${taxRate}">不征税</td>
            <td style="text-align: right; border-top: 0; border-bottom: 0;" data-th-text="${taxValue}">***</td>
        </tr>
        <tr>
            <td style="text-align: left; border-top: 0; border-bottom: 0; height: 100pt;"></td>
            <td style="border-top: 0; border-bottom: 0;"></td>
            <td style="border-top: 0; border-bottom: 0;"></td>
            <td style="text-align: right; border-top: 0; border-bottom: 0;"></td>
            <td style="text-align: right; border-top: 0; border-bottom: 0;"></td>
            <td style="text-align: right; border-top: 0; border-bottom: 0;"></td>
            <td style="font-size: 7pt; border-top: 0; border-bottom: 0;"></td>
            <td style="border-top: 0; border-bottom: 0;"></td>
        </tr>
        <tr class="content_font">
            <td style="border-top: 0;"><span class="title_font">合&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;计</span></td>
            <td style="border-top: 0;"></td>
            <td style="border-top: 0;"></td>
            <td style="border-top: 0;"></td>
            <td style="border-top: 0;"></td>
            <td style="text-align: right; border-top: 0;" data-th-text="${amountCombined}">2000.00</td>
            <td style="border-top: 0;"></td>
            <td style="text-align: right; border-top: 0;">***</td>
        </tr>
        <tr class="content_font">
            <td style="border-bottom: 0; height: 20pt;"><span class="title_font">价税合计(大写)</span></td>
            <td style="border-bottom: 0;" colspan="7">
                <div style="margin-left: 5pt; float: left;" data-th-text="${collectCapitalizedNum}">贰仟圆整</div>
                <div style="margin-right: 5pt;"><span class="title_font">（小写）</span>
                    <span data-th-text="${collectNum}">2000.00</span></div>
            </td>
        </tr>
        </tbody>
    </table>
    <table style="width: 100%;">
        <tbody>
        <tr>
            <td style="width: 3%;"><span class="title_font">销<br />售<br />方</span></td>
            <td style="width: 56%;">
                <table style="width: 100%; text-align: left;" class="content_font">
                    <tbody>
                    <tr>
                        <td style="border: 0px;"><span class="title_font">名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称：</span>
                            <span data-th-text="${sellerName}">中国石化销售股份有限公司北京石油分公司</span>
                        </td>
                    </tr>
                    <tr>
                        <td style="border: 0px;">
                            <span class="title_font">纳税人识别号：</span>
                            <span data-th-text="${sellerTaxpayerIdentificationNumber}">911100008011253056</span>
                        </td>
                    </tr>
                    <tr>
                        <td style="border: 0px;">
                            <span class="title_font">地&nbsp;址、电&nbsp;话：</span>
                            <span data-th-text="${sellerAddressTel}">北京市东城区广渠家园6号楼67006731</span>
                        </td>
                    </tr>
                    <tr>
                        <td style="border: 0px;">
                            <span class="title_font">开户行及账号：</span>
                            <span data-th-text="${sellerBankNameAndAccount}">中行使馆区支行 318156009857</span>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </td>
            <td style="width: 3%;"><span class="title_font">备<br /><br /><br />注</span></td>
            <td data-th-text="${note}"></td>
        </tr>
        </tbody>
    </table>
    <table style="width: 100%;height: 30pt" class="content_font">
        <tbody>
        <tr>
            <td style="width: 25%; text-align: left; border: 0;">
                <span class="title_font">收款人：</span>
                <span data-th-text="${payee}">王文轩</span>
            </td>
            <td style="width: 25%; text-align: left; border: 0;">
                <span class="title_font">复核：</span>
                <span data-th-text="${review}">董硕</span>
            </td>
            <td style="width: 25%; text-align: left; border: 0;">
                <span class="title_font">开票人：</span>
                <span data-th-text="${drawer}">王文轩</span>
            </td>
            <td style="width: 25%; text-align: left; border: 0;"><span class="title_font">销售方:(章)</span></td>
        </tr>
        </tbody>
    </table>
</div>
</body>
</html>